html {
  font-size: 37.5px;
}

.page {
  position: relative;
  width: 10rem;
  height: 21.654rem;
  overflow: hidden;
}

.section1 {
  height: 21.654rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPngacf2f6e1f503f9971c4a37de272a72328a403d6079e9022ef6444f2ab4f77184.png)
    0rem 0rem no-repeat;
  background-size: 10.027rem 21.68rem;
  width: 10rem;
}

.section2 {
  height: 21.654rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPng450babf9af6fdeb67dd07c1457f8fcaf79e2f1754a6c39f24dd0f944941f9a49.png)
    0rem 0rem no-repeat;
  background-size: 10.027rem 21.68rem;
  width: 10rem;
}

.mod1 {
  width: 9.014rem;
  height: 9.52rem;
  margin: 0.374rem 0 0 0.587rem;
}

.outer1 {
  width: 9.014rem;
  height: 0.48rem;
}

.txt1 {
  width: 1.44rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.4rem;
  letter-spacing: -0.30000001192092896px;
  font-family: Helvetica;
  text-align: right;
  white-space: nowrap;
  line-height: 0.48rem;
  display: block;
}

.wrap1 {
  width: 0.454rem;
  height: 0.294rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPng75911ded0ef8dea921e9f7e704d69aa93a50ee5d2d6b412f06a11c8088c3edb2.png)
    0rem 0rem no-repeat;
  background-size: 0.48rem 0.294rem;
  margin: 0.107rem 0 0 5.814rem;
}

.wrap2 {
  width: 0.4rem;
  height: 0.294rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPng992727b7e4bd9e69ae86aa0bf055aa70a0ecf05fb893463d5a8b555692f997bf.png)
    0rem 0rem no-repeat;
  background-size: 0.427rem 0.32rem;
  margin: 0.08rem 0 0 0.134rem;
}

.wrap3 {
  width: 0.64rem;
  height: 0.294rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPng651b9d33cfa6a9a0f83f630986119722432eb0de12360f4e6583e4eeee5de5ec.png)
    0rem 0rem no-repeat;
  background-size: 0.694rem 0.347rem;
  margin: 0.08rem 0 0 0.134rem;
}

.outer2 {
  width: 0.614rem;
  height: 0.427rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPng78a9a63c26bc8733fcf3020f44490d9c402cba8a0d58e6fc5b389581d393bcae.png)
    0rem 0rem no-repeat;
  background-size: 0.64rem 0.454rem;
  margin: 0.987rem 0 0 0.214rem;
}

.txt2 {
  width: 2.454rem;
  height: 0.854rem;
  overflow-wrap: break-word;
  color: rgba(39, 47, 75, 1);
  font-size: 0.613rem;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 0.854rem;
  display: block;
  margin: 0.667rem 0 0 0.214rem;
}

.outer3 {
  width: 8.48rem;
  height: 5.067rem;
  margin: 1.04rem 0 0 0.134rem;
}

.ImageText1 {
  width: 2.187rem;
  height: 4.934rem;
  margin: 0.107rem 0 0 0.054rem;
}

.section3 {
  width: 0.4rem;
  height: 0.454rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPngec81f02fc03ef743a1b9a1c4e2efd216982ebf552267d16b17345d9a1156b1a0.png)
    0rem 0rem no-repeat;
  background-size: 0.427rem 0.507rem;
  margin-top: 4.427rem;
}

.ImageText2 {
  width: 2.16rem;
  height: 4.934rem;
  margin-left: -0.373rem;
}

.mod2 {
  width: 0.347rem;
  height: 0.48rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPngc853d874236be8cd096e05e1d192ba8f6c31ce1f3ff1408b08b0e41d308d6eac.png)
    0rem 0rem no-repeat;
  background-size: 0.374rem 0.507rem;
  margin-top: 2.934rem;
}

.word1 {
  width: 1.494rem;
  height: 4.934rem;
  overflow-wrap: break-word;
  color: rgba(39, 47, 75, 1);
  font-size: 0.373rem;
  font-family: PingFangSC-Medium;
  text-align: left;
  line-height: 1.467rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.ImageText3 {
  width: 2.24rem;
  height: 4.934rem;
  margin-top: 0.107rem;
}

.box1 {
  width: 0.534rem;
  height: 0.427rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPngb79b430d075a54ee00abf05685f1ecbf51a60a8bceffe803a2ccdb9dbbca749b.png)
    0rem 0rem no-repeat;
  background-size: 0.56rem 0.454rem;
  margin-top: 1.52rem;
}

.mod3 {
  width: 0.4rem;
  height: 0.48rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPngdf8991dda9aef8c490e83f6a99cb98aaeeb8a8c0f8ed723d4832879bb7463412.png)
    0rem 0rem no-repeat;
  background-size: 0.427rem 0.507rem;
}

.ImageText4 {
  width: 1.76rem;
  height: 5.067rem;
  margin-left: 4.48rem;
}

.info1 {
  width: 1.12rem;
  height: 4.934rem;
  overflow-wrap: break-word;
  color: rgba(39, 47, 75, 1);
  font-size: 0.373rem;
  text-align: center;
  line-height: 1.467rem;
  margin-top: 0.08rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.section4 {
  width: 0.64rem;
  height: 5.067rem;
}

.mod4 {
  width: 0.64rem;
  height: 0.64rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPng91329815c8d94ff0d3f293172d0f64f7383d7a1b3b9296a4de85a5ff100f1775.png)
    0rem 0rem no-repeat;
  background-size: 0.667rem 0.667rem;
}

.mod5 {
  width: 0.64rem;
  height: 0.64rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPng91329815c8d94ff0d3f293172d0f64f7383d7a1b3b9296a4de85a5ff100f1775.png)
    0rem 0rem no-repeat;
  background-size: 0.667rem 0.667rem;
  margin-top: 0.854rem;
}

.mod6 {
  width: 0.64rem;
  height: 0.64rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPng91329815c8d94ff0d3f293172d0f64f7383d7a1b3b9296a4de85a5ff100f1775.png)
    0rem 0rem no-repeat;
  background-size: 0.667rem 0.667rem;
  margin-top: 2.294rem;
}

.outer4 {
  width: 0.64rem;
  height: 0.64rem;
  background: url(/static/lanhu_27shezhizhanghaoshezhi/SketchPng91329815c8d94ff0d3f293172d0f64f7383d7a1b3b9296a4de85a5ff100f1775.png)
    0rem 0rem no-repeat;
  background-size: 0.667rem 0.667rem;
  margin: 2.96rem 0 0 -0.64rem;
}
